<template>


        <div class="super_container">

                
            
                <!-- Home -->

                <!--包含头部和左侧菜单-->

                <myheader></myheader>
            
                
            
                <div class="boxes">
                    <div class="section_container">
                        <div class="container">
                            <label class="el"><b>邮箱地址</b></label>    <br> 
                            <el-input class="el" placeholder="请输入QQ邮箱" v-model="email" clearable></el-input>
                            <br><br>
                            <el-button class="el" v-on:click="getApi_post" bg>发送激活邮件</el-button>
                            
                        </div>
                    </div>
                </div>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <myfooter></myfooter>
            
            
            </div>

      
</template>
      
      
       
      <script>



        import myheader from './header.vue'
        import myfooter from './footer.vue'
      
      export default {
        data () {
          return {
            msg: "",
            dataList:[],
            clicked:0,
            upath: '',
            result: '',
            uping:0,
            email: ''
          }
        },
        components: {
        'myheader':myheader,
        'myfooter':myfooter
        },
        mounted:function(){
            this.common.get_menu();   
      },
        methods:{
            changetest(index){
                this.clicked = index;
            },
            getApi_post:function(){
              //设置请求路径
              var url = this.base_url+'/Mail_activate'
              //发送请求，将数据返回到一个函数中
              var _this = this
              //发送axios请求，成功执行then
              this.axios.post(url,this.qs.stringify({
                email:this.email,
                })
                ).then(function(result){
                  if(result.data.status == 200){
                    alert(result.data.msg),
                    _this.$router.push({path:'/login'})
                  }else{
                    alert(result.data.msg)
                  }
                })
            }
        },
        
      }
      
      
      </script>
       
      <style>
      .el{
        margin-left: 300px;
        width: 500px;
      }
      #div1{
        margin-left: 300px;
      }
      </style>